<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<style>
    footer{
        display: flex;
        flex-direction: column;
        align-items: center;
        height:100px;
        background:gainsboro;
        width:100%;
        margin-top:50px;
        padding-top:20px;
        position:relative;
        bottom:0px;
    }
    footer ul{
        display: flex;
    }
    footer ul li{
        list-style-type: none;
        font-size:10px;
    }
    footer ul li a{
        color:gray;
    }
    footer ul li span{
        margin-left:20px;
        margin-right: 20px;
        color:gray;
    }

</style>

<footer>
    <ul>
        <li><a href="#">关于我们</a><span>|</span></li>
        <li><a href="#">联系我们</a><span>|</span></li>
        <li><a href="#">人才招聘</a><span>|</span></li>
        <li><a href="#">商家入驻</a><span>|</span></li>
        <li><a href="#">广告服务</a><span>|</span></li>
        <li><a href="#">手机京东</a><span>|</span></li>
        <li><a href="#">友情链接</a><span>|</span></li>
        <li><a href="#">销售联盟</a><span>|</span></li>
        <li><a href="#">京东社区</a><span>|</span></li>
        <li><a href="#">京东公益</a></li>
    </ul>
    <p style="margin-top:10px;font-size:10px;">Copyright &copy;2004-2021 科技学院 hnkjxy.com 版权所有</p>
</footer>
